<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>收银台</title>
</head>
<link rel="shortcut icon" href="__CDN__/assets/cashdesk/img/lon-icon.svg" type="image/x-icon" />
<link rel="stylesheet" href="__CDN__/assets/css/bootstrap.min.css">
<link rel="stylesheet" href="__CDN__/assets/cashdesk/css/common.css">
<script src="__CDN__/assets/libs/jquery/dist/jquery.min.js"></script>
<script src="__CDN__/assets/libs/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="__CDN__/assets/libs/bootstrap/js/modal.js"></script>
<script src="__CDN__/assets/libs/fastadmin-layer/dist/layer.js"></script>
<script src="__CDN__/assets/cashdesk/js/laydate/laydate.js"></script>
<script src="__CDN__/assets/cashdesk/js/order.js?v=1.16"></script>

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
  <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
  <script src="http://apps.bdimg.com/libs/respond.js/1.4.2/respond.js"></script>
<![endif]-->
<body>
    <div class="content">
        <div class="row content-left">
            <div class="col">
                <div class="row row-cols-2"><div class="content-logo"></div></div>
                <div class="row row-cols-2 btn-item" data-datatype="goods">
                    <div class="content-left-btn goods-btn"></div>
                    <p class="content-left-btn-title">商品</p>
                </div>
                <div class="row row-cols-2 btn-item" data-datatype="services">
                    <div class="content-left-btn service-btn"></div>
                    <p class="content-left-btn-title">服务</p>
                </div>
                <div class="row row-cols-2 btn-item" data-datatype="cards">
                    <div class="content-left-btn card-btn"></div>
                    <p class="content-left-btn-title">卡项</p>
                </div>
            </div>
        </div>
        <div class="row content-right-part">
            <!-- 搜索模块 -->
            <div class="row">
                <div class="go-back-div col-md-4">
                    <img src="__CDN__/assets/cashdesk/img/arrow_left_icon.svg" alt="">
                    <span style="font-weight: bold;font-size: 20px;">返回开单</span>
                </div>
            </div>
            <!-- 会员信息 -->
            <div class="row customer-info-div">
                <div class="col-sm-12 customer-info-title">
                    <img src="__CDN__/assets/cashdesk/img/crown_red_icon.svg" alt=""><span >会员信息</span>
                </div>
                <div class="col-sm-11 customer-info-detail-div">
                    <div class="customer-info-detail-div-title">
                        <img src="__CDN__/assets/cashdesk/img/crown_purple_icon.svg" alt="">
                        <span>钻石会员</span>
                    </div>

                    <div class="customer-account-div">
                        <img src="__CDN__/assets/cashdesk/img/v2_sivhm8.png" alt="">
                        <div>
                            <div class="customer-account-username">包子</div>
                            <div class="customer-account-mobile">18826507241</div>

                            <div class="customer-account-info-div">
                                <div class="customer-account-info-money">余额:0.00</div>
                                <div class="customer-account-info-score">积分:0</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-11 coupon_title">优惠券</div>
                <div class="col-sm-12 coupon_list">
                </div>
                <div class="col-sm-11 coupon_title">卡项</div>
                <div class="col-sm-12 card-coupon-list">
                </div>
            </div>
            <!-- 订单金额明细 -->
            <div class="row order-info-div">
                <div class="row cost_item_title">
                    <div class="col-sm-12 customer-info-title">
                        <img src="__CDN__/assets/cashdesk/img/cost_details_icon.svg" alt=""><span >费用明细</span>
                    </div>
                </div>
                <div class="row cost_detail_div">
                    <div class="row cost_item">
                        <div class="col-sm-4 row cost_item_label">
                            <label>费用合计</label>
                        </div>
                        <div class="col-sm-8 cost_item_span">
                            <span class="total_fee">￥0</span>
                        </div>
                    </div>
                    <div class="row cost_item">
                        <div class="col-sm-4 row cost_item_label">
                            <label>修改价格</label>
                        </div>
                        <div class="col-sm-8 cost_item_span">
                            <span class="modify_fee">-￥0.00</span>
                        </div>
                    </div>
                    <div class="row cost_item" style="display:none;">
                        <div class="col-sm-4 row cost_item_label">
                            <label>卡项优惠价格</label>
                        </div>
                        <div class="col-sm-8 cost_item_span">
                            <span class="card_discount_fee">-￥0</span>
                        </div>
                    </div>
                    <div class="row cost_item" style="display:none;">
                        <div class="col-sm-4 row cost_item_label">
                            <label>充值卡优惠价格</label>
                        </div>
                        <div class="col-sm-8 cost_item_span">
                            <span class="card_discount">-￥0</span>
                        </div>
                    </div>
                    <div class="row cost_item">
                        <div class="col-sm-4 row cost_item_label">
                            <label>会员折扣</label>
                        </div>
                        <div class="col-sm-8 cost_item_span">
                            <span class="discount_fee">-￥0</span>
                        </div>
                    </div>
                    <div class="row cost_item">
                        <div class="col-sm-4 row cost_item_label">
                            <label>优惠券</label>
                        </div>
                        <div class="col-sm-8 cost_item_span">
                            <span class="coupon_fee">-￥0</span>
                        </div>
                    </div>
                    <div class="row cost_item">
                        <div class="col-sm-4 row cost_item_label">
                            <label>充值卡优惠</label>
                        </div>
                        <div class="col-sm-8 cost_item_span">
                            <span class="card_discount">-￥0</span>
                        </div>
                    </div>
                    <div class="row cost_item">
                        <div class="col-sm-4 row cost_item_label">
                            <label>卡项抵扣</label>
                        </div>
                        <div class="col-sm-8 cost_item_span">
                            <span class="card_discount_fee">-￥0</span>
                        </div>
                    </div>
                    <div class="row cost_item">
                        <div class="col-sm-4 row cost_item_label">
                            <label>耗卡金额</label>
                        </div>
                        <div class="col-sm-8 cost_item_span">
                            <span class="uprice_fee">-￥0</span>
                        </div>
                    </div>
                    <div class="row cost_item">
                        <div class="col-sm-4 row cost_item_label">
                            <label>备注</label>
                        </div>
                        <div class="col-sm-8 cost_item_span" style="text-align:left;">
                            <input type="text" name="remarks" class="form-control remarks" value="" placeholder="请输入订单备注信息">
                        </div>
                    </div>
                    <div class="row cost_item">
                        <div class="col-sm-4 row cost_item_label">
                            <label>是否补单</label>
                        </div>
                        <div class="col-sm-8 cost_item_span" style="text-align:left;">
                            <input class="radio-issupplement" id="row[issupplement]-1" name="issupplement" type="radio" style="margin-right:10px" value="1" ><label class="issupplement-label" for="row[issupplement]-1" style="margin-right:30px"> 是 </label>   
                            <input class="radio-issupplement" id="row[issupplement]-0" checked="checked"  name="issupplement" type="radio" style="margin-right:10px" value="0"> <label class="issupplement-label" for="row[issupplement]-0" style="margin-right:30px"> 否</label> 
                        </div>
                    </div>
                    <div class="row cost_item">
                        <div class="col-sm-4 row cost_item_label">
                            <label>选择时间</label>
                        </div>
                        <div class="col-sm-8 cost_item_span" style="text-align:left;">
                            <div class="input-group date" id="datetimepicker" data-target-input="nearest" style="width: 100%;">
                                <input type="text" class="form-control" placeholder="请选择补单时间" id="supplementtime">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row cost_detail_info_div">
                    <div class="gift-div">
                        <div class="col-sm-12 customer-info-title gift-title">
                            <img src="__CDN__/assets/cashdesk/img/gift.png" alt=""><span >赠送项目</span>
                        </div>
                        <div class='gift-list'>
                        </div>
                    </div>
                    <div class="total_cost">
                        <p>代收金额：<span  class="total_cost_fee">￥0</span></p>
                    </div>
                </div>
                <div class="row pay_item_title">
                    <div class="col-sm-12 customer-info-title">
                        <span>选择支付方式</span>
                    </div>
                </div>
                <div class="row pay_item pay_item_content">
                    {foreach name="ways" item="vo"}
                        <div class="col-sm-4 pay_item_way_div">
                            <div {if $key == 0} class="pay_item_way pay_item_active" {else} class="pay_item_way" {/if} data-id="{$key}">
                                <img src="{$vo['img']}">
                            </div>
                            <div class="pay_item_way_name">{$vo['name']}</div>
                        </div>
                    {/foreach}
                </div>
                <div class="row pay_item pay_item_btn_div">
                    <button type="button" class="btn btn-danger pay_item_btn">结帐</button>
                    <!-- close-order-div -->
                    <button type="button" class="btn btn-danger close_order_btn">关闭订单</button>
                </div>
            </div>
            <!-- 订单金额明细 -->
            <div class="row pay-order-div">
                <div class="row cost_item_title">
                    <div class="col-sm-12 order-detail-title">
                        <span class="pay_item_way_title">现金(记账)</span>
                    </div>
                    <div class="col-sm-12 order-detail-fee">
                        <span style="vertical-align: sub;">￥</span><span class="order-detail-total-fee">0</span>
                    </div>
                    <div class="row col-sm-12 pay_item_way_content pay_item_way_charge radio-custom">
                        {foreach name="list" item="vo"}
                        <label for="debtpay_{$vo['id']}"><input id="debtpay_{$vo['id']}" {if $key == 0} checked {/if} name="debtpay" type="radio" value="{$vo['id']}" /> {$vo['name']}</label>
                        {/foreach}
                    </div>
                    <div class="row col-sm-12 pay_item_way_content pay_item_way_balance">
                        
                    </div>
                    <div class="row col-sm-12 pay_item_way_content pay_item_way_rhp">
                        <div class="row">
                            <div class="col-sm-12 pay_item_renhe"><label class="rhp_wechatpay lal_pay_way" for="rhp_wechatpay"><input id="rhp_wechatpay" name="rhp_pay" type="radio" value="10" /> 二维码支付</label></div>
                            <div class="col-sm-12 pay_item_renhe" ><label class="rhp_scan lal_pay_way" for="rhp_scan"><input id="rhp_scan" name="rhp_pay" type="radio" value="12" /> 扫码支付</label></div>
                            <div class="col-sm-12 pay_item_renhe"><img src="" class="pay_qrcode"></div>
                            <div class="col-sm-12 pay_item_renhe scan-pay-item"><label class="scan-pay">切换到扫码枪</label></div>
                            <div class="col-sm-12 pay_item_renhe scan-pay-item"><input type="text" name="scan_result" class="scan-input" id="scan-input" readonly /></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 选择销售人员模态框 -->
    <div class="modal fade" id="chooseServerModal" tabindex="-1" role="dialog" aria-labelledby="chooseServerLabel">
        <div class="modal-dialog modal-sm">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="chooseServerLabel">选择销售人员</h4>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <div class="row server-item-list">
                        </div>
                    </div>
                    <div class="modal-footer model-confirm">
                        <button type="button" class="btn btn-danger btn-choose-server">确认选择</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>